<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="dns-prefetch" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com">
    <title>数据资产监控</title>
    <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.css">
    <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-pc.css?v=2025052702">


    <script type="text/javascript" charset="utf-8"
        src="https://yufabu.saizhuge.net/static/automatic/m7049/marked.min.js"></script>
    <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-pc.js?v=2025052702"></script>
    <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/html2canvas.min.js"></script>
    <link rel="stylesheet"
        href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/library-ant-design-vue.css?v=2025052702">
    <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-big-screen.css">
    <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts@5.4.3.js"></script>
    <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts-gl@2.0.8.min.js"></script>
    <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/china_json.js"></script>

    <style>
        [v-cloak] {
            display: none !important;
        }

        .antdVue {
            position: relative;
            width: 100%;
            width: 1920px;
            height: 1080px;
            overflow: hidden;
            background: url(https://oss.tiantianhuoke.com/m2785/background-1.png?1696487868980) no-repeat;
            background-size: 100% 100% !important;
        }

        .zoom_bg_color {
            background: rgba(2, 8, 15, 0);
        }

        #antdVue .dapingxxhtheme0002_401_random_flex_0 {
            background-position: 0px 10px;
        }

        #antdVue .dapingxxhtheme0002_235_random_fd0_1_c5 {
            width: 70px;
            height: 70px;
            --full-screen-color: rgba(255, 255, 255, 1);
            --full-screen-width: 35px;
            --full-screen-height: 35px;
            top: 28px;
            right: 100px;
            z-index: 99;
        }

        #antdVue .dapingxxhtheme0002_558_random_fd0_1_c4_c1 {
            color: rgba(255, 255, 255, 1);
        }

        #antdVue .dapingxxhtheme0002_444_fd0_1_c4_c0 {
            width: 32px;
            height: 32px;
            border-radius: 0px 0px 0px 0px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_356_fd0_1_c4 {
            width: 300px;
            top: 38px;
            right: 180px;
            height: 50px;
        }

        #antdVue .dapingxxhtheme0002_695_fd0_1_c3 {
            width: 48px;
            height: 48px;
            border-radius: 0px 0px 0px 0px;
            margin: 0px 0px 0px 8px;
        }

        #antdVue .dapingxxhtheme0002_988_fd0_1_c2 {
            margin: 0px 0px 13px 0px;
        }

        #antdVue .dapingxxhtheme0002_534_fd0_1_c1 {
            width: 48px;
            height: 48px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_891_fd0_1_c0_c3 {
            margin: 0px 0px 0px 8px;
            line-height: 10px;
        }

        #antdVue .dapingxxhtheme0002_603_fd0_1_c0_c2 {
            background: linear-gradient(180deg, rgba(216, 226, 255, 0) 0%, #E3EAFF 49%, rgba(216, 226, 255, 0) 100%);
            width: 2px;
            height: 16px;
            margin: 0px 0px 0px 8px;
        }

        #antdVue .dapingxxhtheme0002_901_fd0_1_c0_c1 {
            margin: 0px 0px 0px 8px;
        }

        #antdVue .dapingxxhtheme0002_166_fd0_1_c0_c0 {
            width: 32px;
            height: 32px;
            border-radius: 0px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_658_fd0_1_c0 {
            top: 38px;
            left: 82px;
            height: 50px;
        }

        #antdVue .dapingxxhtheme0002_532_fd0_1 {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240124/95867b2fe8e71f9cd1cf14259ed09824.png) no-repeat;
            font-size: 48px;
            height: 145px;
            font-weight: 800;
        }

        #antdVue .dapingxxhtheme0002_951_fd1_2_c2_c2_c1_c2_c2 {
            color: rgba(49, 152, 255, 1);
        }

        #antdVue .dapingxxhtheme0002_336_fd1_2_c2_c2_c1_c2_c0 {
            background: rgba(49, 152, 255, 1);
            width: 14px;
            height: 14px;
            border-radius: 7px 7px 7px 7px;
        }

        #antdVue .dapingxxhtheme0002_925_fd1_2_c2_c2_c1_c1_c2 {
            color: rgba(27, 242, 234, 1);
        }

        #antdVue .dapingxxhtheme0002_261_fd1_2_c2_c2_c1_c1_c0 {
            background: rgba(27, 242, 234, 1);
            width: 14px;
            height: 14px;
            border-radius: 7px 7px 7px 7px;
        }

        #antdVue .dapingxxhtheme0002_170_fd1_2_c2_c2_c1_c0_c2 {
            color: rgba(221, 128, 255, 1);
        }

        #antdVue .dapingxxhtheme0002_243_fd1_2_c2_c2_c1_c0_c0 {
            background: rgba(221, 128, 255, 1);
            width: 14px;
            height: 14px;
            border-radius: 7px 7px 7px 7px;
        }

        #antdVue .dapingxxhtheme0002_820_fd1_2_c2_c2_c1_c0 {
            background: rgba(27, 126, 242, 0.14);
            padding: 0px 016px 0px 16px;
        }

        #antdVue .dapingxxhtheme0002_621_fd1_2_c2_c2_c1 {
            height: 159px;
            margin: -18px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_524_random_fd1_2_c2_c2_c0 {
            height: 206px;
        }

        #antdVue .dapingxxhtheme0002_347_fd1_2_c2_c2 {
            height: 216px;
        }

        #antdVue .dapingxxhtheme0002_404_fd1_2_c1_c2_c0_c1 {
            margin: 14px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_210_fd1_2_c1_c2_c0_c0 {
            line-height: 28px;
            color: rgba(255, 140, 25, 1);
            margin: -8px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_789_fd1_2_c1_c2_c0 {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m7049/7049af1eefe81a1c5d035d23af901ee6d046.png) no-repeat;
            width: 140px;
            height: 140px;
        }

        #antdVue .dapingxxhtheme0002_983_fd1_2_c0_c2_c3 {
            width: 90px;
            height: 56px;
            top: -59px;
            left: -10px;
        }

        #antdVue .dapingxxhtheme0002_655_fd1_2_c0_c2_c2 {
            width: 90px;
            height: 56px;
            top: -59px;
            left: 7px;
        }

        #antdVue .dapingxxhtheme0002_389_fd1_2_c0_c2_c1 {
            width: 90px;
            height: 56px;
            top: 131px;
            left: 349px;
        }

        #antdVue .dapingxxhtheme0002_287_fd1_2_c0_c2_c0_c0 {
            font-weight: 800;
            color: rgba(255, 140, 25, 1);
        }

        #antdVue .dapingxxhtheme0002_612_fd1_2_c0_c2_c0 {
            width: 90px;
            height: 56px;
            top: 134px;
            left: 7px;
        }

        #antdVue .dapingxxhtheme0002_733_fd1_2_c0_c2 {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m7049/7049e0c31761c58ecd300c7f7d9df2cb9b01.png) no-repeat;
            height: 209px;
            margin: 9px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_431_fd1_2 {
            width: 480px;
        }

        #antdVue .dapingxxhtheme0002_806_fd1_1_c1_c1_c2_c0_c3 {
            height: 117px;
            border-radius: 0px 0px 0px 0px;
            top: 41px;
            left: 27px;
        }

        #antdVue .dapingxxhtheme0002_634_fd1_1_c1_c1_c2_c0_c2 {
            border-radius: 0px 0px 0px 0px;
            top: 60px;
            left: 48px;
        }

        #antdVue .dapingxxhtheme0002_172_random_fd1_1_c1_c1_c2_c0_c1 {
            width: 77%;
            height: 185px;
            margin: 4px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_896_fd1_1_c1_c1_c2_c0_c0_c0_c1 {
            color: rgba(13, 251, 226, 1);
            font-family: D-DIN-PRO-400-Regular;
        }

        #antdVue .dapingxxhtheme0002_538_fd1_1_c1_c1_c2_c0_c0_c0_c0 {
            border-right: 1px solid rgba(13, 251, 226, 1);
            color: rgba(13, 251, 226, 1);
            font-family: D-DIN-PRO-400-Regular;
            width: 52px;
        }

        #antdVue .dapingxxhtheme0002_452_fd1_1_c1_c1_c2_c0_c0 {
            width: 107px;
            height: 68%;
            top: 2px;
            right: -6px;
            margin: 28px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_729_random_fd1_1_c1_c1_c2 {
            height: 200px;
            margin: 14px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_231_fd1_1_c1_c1 {
            background: rgba(38, 95, 255, 0.1);
            width: 418px;
            height: 288px;
            margin: 0px 0px 23px 0px;
            padding: 16px 016px 0px 016px;
        }

        #antdVue .dapingxxhtheme0002_810_random_fd1_1_c1_c0_c2_c0_c0 {
            height: 193px;
        }

        #antdVue .dapingxxhtheme0002_662_random_fd1_1_c1_c0_c2 {
            height: 200px;
            margin: 13px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_744_fd1_1_c1_c0 {
            background: rgba(38, 95, 255, 0.1);
            width: 418px;
            height: 288px;
            margin: 0px 8px 23px 0px;
            padding: 16px 016px 0px 016px;
        }

        #antdVue .dapingxxhtheme0002_308_fd1_1_c1 {
            width: 856px;
            margin: 22px 0px 0px 0px;
            height: 286px;
        }

        #antdVue .dapingxxhtheme0002_821_fd1_1_c0_c2_c1_c2 {
            width: 290px;
            padding: 20px 020px 20px 035px;
        }

        #antdVue .dapingxxhtheme0002_600_fd1_1_c0_c2_c1_c1 {
            width: 16px;
            height: 158px;
            border-radius: 0px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 {
            color: rgba(255, 140, 25, 1);
            margin: 0px 7px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_506_fd1_1_c0_c2_c1_c0 {
            width: 290px;
            padding: 20px 35px 20px 20px;
        }

        #antdVue .dapingxxhtheme0002_618_fd1_1_c0_c2_c1 {
            border: 1px solid #1C87FF;
            background: rgba(0, 15, 57, 0.8);
            width: 290%;
            height: 188px;
            border-radius: 0px 0px 8px 8px;
            box-shadow: inset 0px 0px 16px 1px #1A7AE6;
            margin: -3px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_822_fd1_1_c0_c2_c0 {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m7049/7049b63bd243c68cdd72f22413354bc95220.png) no-repeat;
            color: rgba(247, 247, 247, 1);
            font-weight: 800;
        }

        #antdVue .dapingxxhtheme0002_957_fd1_1_c0_c2 {
            width: 600px;
            height: 228px;
            left: 0px;
            bottom: 0px;
        }

        #antdVue .dapingxxhtheme0002_239_fd1_1_c0_c1 {
            width: 300px;
            top: 0px;
            left: 57px;
        }

        #antdVue .dapingxxhtheme0002_153_fd1_1_c0_c0_c1 {
            margin: -17px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_147_fd1_1_c0_c0_c0 {
            width: 300px;
            font-family: PangMenZhengDaoBiaoTiTiMianFeiBan-2;
            border-radius: 100px 100px 100px 100px;
        }

        #antdVue .dapingxxhtheme0002_460_fd1_1_c0_c0 {
            width: 300px;
            top: 0px;
            right: 58px;
        }

        #antdVue .dapingxxhtheme0002_690_fd1_1_c0 {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m7049/7049b4532565805a459f12e77e53f6b5a65e.png) no-repeat;
            width: 856px;
            height: 595px;
            margin: -5px 0px 0px 0px;
            box-sizing: border-box;
        }

        #antdVue .dapingxxhtheme0002_572_fd1_1 {
            margin: 5px 15px 0px 20px;
            width: 856px;
        }

        #antdVue .dapingxxhtheme0002_867_fd1_0_c1_c2_c0_c4_c3_c0 {
            background: rgba(40, 85, 242, 1);
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_815_fd1_0_c1_c2_c0_c4_c2_c0 {
            background: rgba(13, 251, 226, 1);
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_549_fd1_0_c1_c2_c0_c4_c0_c0 {
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_594_fd1_0_c1_c2_c0_c4 {
            width: 121px;
            height: 89%;
            top: 21px;
            left: 199px;
        }

        #antdVue .dapingxxhtheme0002_828_fd1_0_c1_c2_c0_c3 {
            height: 117px;
            border-radius: 0px 0px 0px 0px;
            top: 57px;
            left: 40px;
        }

        #antdVue .dapingxxhtheme0002_819_fd1_0_c1_c2_c0_c2 {
            border-radius: 0px 0px 0px 0px;
            top: 74px;
            left: 59px;
        }

        #antdVue .dapingxxhtheme0002_778_random_fd1_0_c1_c2_c0_c1 {
            width: 48%;
            height: 185px;
        }

        #antdVue .dapingxxhtheme0002_796_fd1_0_c1_c2_c0_c0_c3_c0 {
            background: rgba(221, 128, 255, 1);
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_610_fd1_0_c1_c2_c0_c0_c2_c0 {
            background: rgba(139, 54, 255, 1);
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_485_fd1_0_c1_c2_c0_c0_c1_c0 {
            background: rgba(255, 90, 103, 1);
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_152_fd1_0_c1_c2_c0_c0_c0_c0 {
            background: rgba(123, 213, 0, 1);
            width: 12px;
            height: 12px;
            margin: 0px 8px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 {
            opacity: 1;
        }

        #antdVue .dapingxxhtheme0002_542_fd1_0_c1_c2_c0_c0 {
            width: 128px;
            height: 88%;
            top: 22px;
            left: 318px;
        }

        #antdVue .dapingxxhtheme0002_898_random_fd1_0_c1_c2 {
            height: 200px;
        }

        #antdVue .dapingxxhtheme0002_387_fd1_0_c1 {
            background: rgba(38, 95, 255, 0.1);
            width: 480px;
            height: 288px;
            margin: 0px 8px 23px 0px;
            padding: 16px 016px 0px 016px;
        }

        #antdVue .dapingxxhtheme0002_161_fd1_0_c0_c2_c0_c1 {
            margin: 8px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_467_fd1_0_c0_c2_c0_c0 {
            font-weight: 800;
            line-height: 28px;
            color: rgba(255, 140, 25, 1);
        }

        #antdVue .dapingxxhtheme0002_726_fd1_0_c0_c2_c0 {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m7049/7049b0b6e541e8d5c57a15cde04d723b5c9d.png) no-repeat;
            width: 140px;
            height: 140px;
        }

        #antdVue .dapingxxhtheme0002_653_fd1_0_c0_c2 {
            height: 150px;
            margin: 047px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_667_fd1_0_c0_c1 {
            height: 4px;
            border-radius: 0px 0px 0px 0px;
        }

        #antdVue .dapingxxhtheme0002_491_fd1_0_c0_c0 {
            height: 29px;
            line-height: 29px;
            font-weight: 800;
            margin: 0px 0px 016px 0px;
        }

        #antdVue .dapingxxhtheme0002_161_fd1_0_c0 {
            background: rgba(38, 95, 255, 0.1);
            width: 480px;
            height: 288px;
            margin: 0px 8px 22px 0px;
            padding: 16px 016px 0px 016px;
        }

        #antdVue .dapingxxhtheme0002_296_fd1_0 {
            margin: 0px 0px 0px 4px;
        }

        .zoom_bg_color {
            background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240218/28580720a4073072604131817b3e36d2.png) center / 100% 100% no-repeat !important;
            overflow: hidden
        }

        .warp {
            display: none;
        }

        .hoverWrap:hover .warp {
            display: block !important;
        }

        @keyframes loading {
            0% {
                background: #5d83f4;
                opacity: 0.6;
                transform: scale(1);
            }

            50% {
                background: #5d83f4;
                opacity: 1;
                transform: scale(1.5);
            }

            100% {
                background: #5d83f4;
                opacity: 0.6;
                transform: scale(1);
            }
        }

        .loading span:first-child {
            animation: loading 1s ease infinite;
        }

        .loading span:nth-child(2) {
            animation: loading 1s ease infinite 0.3s;
        }

        .loading span:last-child {
            animation: loading 1s ease infinite 0.6s;
        }

        .loading span {
            display: block;
            width: 7px;
            height: 7px;
            background: #5d83f4;
            opacity: 0.6;
            border-radius: 50%;
        }

        .AI_content::-webkit-scrollbar {
            display: none;
        }

        .AI_content {
            scrollbar-width: none;
        }

        .AI_content {
            -ms-overflow-style: none;
        }
    </style>
</head>

<body>
    <div id="antdVue" :style="themeColorInit(themeColorConfig)" class="zoom_bg_color" style="width:100%; height:100%;">
        <div class="antdVue SPECIAL_EFFECT_FULL_SCREEN_WRAPPER" v-cloak :style="{...calculateStyles}">
            <a target="_blank" style="position: absolute;z-index:999999;color: transparent;"
                href="https://zhongtai.zhongbenruanjian.com/diy_paas_pc/?page_id=6349&project_id=632&without_token=cjJaT3FOYUZCRFhGdjNWSnlJa0M5dz09&is_crm=1&project_type=2">设计页面</a>

            <input type="hidden" id="hidden_field_member_uid" value="63654">
            <input type="hidden" id="hidden_field_user_token" value="abfcb55b-3107-b2ba-e1dd-7ceb370a91ec">
            <input type="hidden" id="hidden_field_member_id" value="7049">
            <input type="hidden" id="hidden_field_alias" value="">
            <input type="hidden" id="hidden_field_aid" value="">
            <input type="hidden" id="hidden_field_roles" value="1">
            <input type="hidden" id="web_url_oss" value="https://ttk-saas.oss-cn-beijing.aliyuncs.com">

            <benben-screen-global-filter @chart_get_page="chart_get_page"></benben-screen-global-filter>





            <div
                class="flex flex-direction align-center justify-center benben-flex-layout dapingxxhtheme0002_401_random_flex_0 pd-t-0 pd-r-0 pd-b-20 pd-l-0 w-100">
                <div v-if="AI_dialog_show" @click.self="AI_dialog_show = false"
                    class="w-100 h-100 flex justify-center align-center"
                    style="position:fixed;top:0;left:0;background:rgba(0,0,0,.3);z-index:9999">
                    <div class="position-relative flex justify-center"
                        style="background:url(https://ttk-saas.oss-cn-beijing.aliyuncs.com/m4698/2024-06-21/1872835f5691d07c47863b7a8ed98be2.png) center center / 100% 100% no-repeat;width:566px;height:618px">

                        <div v-if="API_loading" class="flex flex-direction align-center justify-center">
                            <div class="loading flex align-center justify-around mg-b-20" style="width:40px;">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <span
                                style="font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 16px;color: #FFF;">数据解读，稍后揭晓！</span>
                        </div>
                        <div class="position-absolute AI_content"
                            style="top:150px;padding:0 40px;color:#FFF;height:270px;overflow-y:auto;font-size:16px"
                            v-else v-html="API_content">

                        </div>

                        <img class="position-absolute" @click="AI_dialog_show = false"
                            style="width:28px;aspect-radio:1/1;left:50%;transform:translateX(-50%);bottom:-40px;cursor:pointer"
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240614/02617705959e9789b87f16f6ba719884.png"
                            alt="" />
                    </div>
                </div>
                <div
                    class="flex flex-wrap align-center justify-center dapingxxhtheme0002_532_fd0_1 mg-0 pd-t-0 pd-r-0 pd-b-20 pd-l-0 w-100 f-c-3 position-relative bg-size-auto">
                    <div class="flex  flex-wrap align-center dapingxxhtheme0002_658_fd0_1_c0 position-absolute">
                        <img class='dapingxxhtheme0002_166_fd0_1_c0_c0'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240120/03e56738af5b3ecc593d3c6c58203cc6.png" />
                        <span class="dapingxxhtheme0002_901_fd0_1_c0_c1 t-20 t-w-4">{{i18n('多云')}}</span>
                        <div class="flex  flex-wrap align-center dapingxxhtheme0002_603_fd0_1_c0_c2 bg-size-auto">

                        </div>
                        <span class="dapingxxhtheme0002_891_fd0_1_c0_c3 t-20 h-10-px t-w-4">{{i18n('℃')}}</span>
                        <span class="dapingxxhtheme0002_891_fd0_1_c0_c3 t-20 h-10-px t-w-4">{{i18n('6')}}</span>

                    </div>
                    <img class='dapingxxhtheme0002_534_fd0_1_c1'
                        src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240120/e86a55b2a20775c71c1fb6cc91dd3c1e.png" />
                    <span class="dapingxxhtheme0002_988_fd0_1_c2">{{i18n('数据资产监控')}}</span>
                    <img class='dapingxxhtheme0002_695_fd0_1_c3'
                        src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240120/d3adc8fbbce7c9aa2bbd0f8ae8ac5a40.png" />
                    <div class="flex align-center dapingxxhtheme0002_356_fd0_1_c4 position-absolute">
                        <img class='dapingxxhtheme0002_444_fd0_1_c4_c0'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240120/2af63761ef0068fdbbfded13de1d740c.png" />

                        <benben-real-time
                            class='flex align-center justify-center dapingxxhtheme0002_558_random_fd0_1_c4_c1 t-18 t-w-4'
                            format="YYYY-MM-DD HH:mm:ss" :has_week="true" :refresh_interval="500" show_title="true"
                            title_position="left" title_name="标题">

                        </benben-real-time>


                    </div>

                    <benben-full-screen
                        class='flex align-center justify-center dapingxxhtheme0002_235_random_fd0_1_c5 position-absolute a'>

                    </benben-full-screen>


                </div>

            </div>

            <a-row class="benben-grid   mg-t-0 mg-r-0 mg-b-0 mg-l-10 pd-0 w-100" :gutter="[0,0]">

                <a-col :xs="6" :md="6" :xl="6" :xxl="6" class="dapingxxhtheme0002_296_fd1_0">
                    <div
                        class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_161_fd1_0_c0 bdr-8 bg-size-auto">
                        <span class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('元数据 ')}}</span>
                        <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />
                        <div
                            class="flex flex-wrap align-center self-center justify-between dapingxxhtheme0002_653_fd1_0_c0_c2 w-100">
                            <div
                                class="flex flex-direction flex-wrap align-center dapingxxhtheme0002_726_fd1_0_c0_c2_c0 bg-size-auto">
                                <span
                                    class="dapingxxhtheme0002_467_fd1_0_c0_c2_c0_c0 mg-t-40 mg-r-0 mg-b-0 mg-l-0 t-28">{{i18n('2')}}</span>
                                <span
                                    class="dapingxxhtheme0002_161_fd1_0_c0_c2_c0_c1 t-16 f-c-3 t-w-6">{{i18n('数据库数量')}}</span>

                            </div>
                            <div
                                class="flex flex-direction flex-wrap align-center dapingxxhtheme0002_726_fd1_0_c0_c2_c0 bg-size-auto">
                                <span
                                    class="dapingxxhtheme0002_467_fd1_0_c0_c2_c0_c0 mg-t-40 mg-r-0 mg-b-0 mg-l-0 t-28">{{i18n('28')}}</span>
                                <span
                                    class="dapingxxhtheme0002_161_fd1_0_c0_c2_c0_c1 t-16 f-c-3 t-w-6">{{i18n('数据表数量')}}</span>

                            </div>
                            <div
                                class="flex flex-direction flex-wrap align-center dapingxxhtheme0002_726_fd1_0_c0_c2_c0 bg-size-auto">
                                <span
                                    class="dapingxxhtheme0002_467_fd1_0_c0_c2_c0_c0 mg-t-40 mg-r-0 mg-b-0 mg-l-0 t-28">{{i18n('2')}}</span>
                                <span
                                    class="dapingxxhtheme0002_161_fd1_0_c0_c2_c0_c1 t-16 f-c-3 t-w-6">{{i18n('数据项数量')}}</span>

                            </div>

                        </div>

                    </div>
                    <div
                        class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_387_fd1_0_c1 bdr-8 bg-size-auto">
                        <div class="flex  flex-wrap align-center  w-100">
                            <span
                                class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('主题覆盖率')}}</span>
                            <div class="hoverWrap" style="cursor:pointer"
                                v-if="imgList['jt_ztfgl']&&imgList['jt_ztfgl'].show_info == 1">
                                <img @click.stop="open_AI('jt_ztfgl')"
                                    style="width: 28px;height: 28px;position:absolute;top:1px"
                                    class="dapingxxtheme0001_fd0_2_c0_c0_c2_c0_c1 mg-t-0 mg-r-0 mg-b-0 mg-l-10 a"
                                    :src="imgList['jt_ztfgl']&&imgList['jt_ztfgl'].is_open_ai == '1' ? imgList['jt_ztfgl'].ai_icon : imgList['jt_ztfgl'].icon"
                                    v-if=" imgList['jt_ztfgl']&&imgList['jt_ztfgl'].show_info == '1'" />
                                <div class="position-absolute warp" style="top:100%;left:20%">
                                    <div class="position-relative" style="z-index:9999999999">
                                        <img class="position-absolute"
                                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240829/798997b074f40878efba545778d573e3.png"
                                            alt="" style="width:82.92px;height:68.45px;top:-50px;left:23%;z-index:-1" />
                                        <img class="position-absolute"
                                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240823/ce32ede67620f84382a64dd6d5d0ca4e.png"
                                            alt="" style="width:33.72px;height:14.76px;top:3px;left:25%" />
                                        <div
                                            style="background:url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240831/8a03b4957f366dc6bc3e0ca1598004dd.png) center center / 100% 100% no-repeat;width:306.61px;height:220.3px;z-index:99;padding:50px">
                                            <div>
                                                <div class="flex align-center justify-between"
                                                    style="margin-bottom:10px">
                                                    <span class="t-14">AI智能分析</span>
                                                    <div>
                                                        <div v-if="imgList['jt_ztfgl']&&imgList['jt_ztfgl'].is_open_ai == '1'"
                                                            class="flex align-center justify-end"
                                                            style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                        <div v-else class="flex align-center justify-start"
                                                            style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex align-center justify-between">
                                                    <span class="t-14">数据共享权限</span>
                                                    <div>
                                                        <div v-if="imgList['jt_ztfgl']&&imgList['jt_ztfgl'].open_permission == '1'"
                                                            class="flex align-center justify-end"
                                                            style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                        <div v-else class="flex align-center justify-start"
                                                            style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="t-14"
                                                    style="font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 14px;color: #2CF9FE;">数据血缘关系</span>
                                                <div class="t-14 flex flex-direction pd-l-10">
                                                    <span style="display:block;margin:10px 0"
                                                        v-if="imgList['jt_ztfgl']&&imgList['jt_ztfgl'].data_type_name">{{imgList['jt_ztfgl']&&imgList['jt_ztfgl'].data_type_name}}</span>
                                                    <span>{{imgList['jt_ztfgl']&&imgList['jt_ztfgl'].data_source}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />

                        <a-row class="benben-grid  dapingxxhtheme0002_898_random_fd1_0_c1_c2 w-100" :gutter="[0,8]"
                            type="flex">

                            <a-col :xs="24" :md="12" :xl="6" :xxl="6" class="mg-0 w-100 h-100">
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_542_fd1_0_c1_c2_c0_c0 mg-t-10 mg-r-0 mg-b-0 mg-l-0 pd-t-0 pd-r-10 pd-b-0 pd-l-0 position-absolute">
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_152_fd1_0_c1_c2_c0_c0_c0_c0 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('教职工主题')}}</span>

                                    </div>
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_485_fd1_0_c1_c2_c0_c0_c1_c0 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('科研主题')}}</span>

                                    </div>
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_610_fd1_0_c1_c2_c0_c0_c2_c0 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('安全保卫主题')}}</span>

                                    </div>
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_796_fd1_0_c1_c2_c0_c0_c3_c0 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('资产主题')}}</span>

                                    </div>

                                </div>

                                <benben-pie-ring
                                    class='dapingxxhtheme0002_778_random_fd1_0_c1_c2_c0_c1 mg-t-20 mg-r-0 mg-b-0 mg-l-0'
                                    :field-options="jt_ztfgl" data_source_type="1" chart_show_type="pie-ring"
                                    show_title="false" title_position="left" title_name="标题"
                                    :theme_color="theme_color_4634" :chart-option="chartOptions_random_5750">

                                </benben-pie-ring>

                                <img class='dapingxxhtheme0002_819_fd1_0_c1_c2_c0_c2 w-80-px h-80-px position-absolute'
                                    :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'7049/704986574f2f2a40bb80c3be041276e32532.png'" />
                                <img class='dapingxxhtheme0002_828_fd1_0_c1_c2_c0_c3 w-120-px position-absolute'
                                    :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'7049/7049197225347c3ac2c13577bc0e40958347.png'" />
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_594_fd1_0_c1_c2_c0_c4 mg-t-10 mg-r-0 mg-b-0 mg-l-0 pd-t-0 pd-r-10 pd-b-0 pd-l-0 position-absolute">
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_549_fd1_0_c1_c2_c0_c4_c0_c0 bg-c-3 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('学生主体')}}</span>

                                    </div>
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_549_fd1_0_c1_c2_c0_c4_c0_c0 bg-c-5 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('财务主题')}}</span>

                                    </div>
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_815_fd1_0_c1_c2_c0_c4_c2_c0 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('图书主题')}}</span>

                                    </div>
                                    <div
                                        class="flex flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 f-c-3 h-20-px lh-20-px">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_867_fd1_0_c1_c2_c0_c4_c3_c0 bdr-6 bg-size-auto">

                                        </div>
                                        <span class="t-16">{{i18n('教学主题')}}</span>

                                    </div>

                                </div>

                            </a-col>


                        </a-row>


                    </div>
                    <div
                        class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_387_fd1_0_c1 bdr-8 bg-size-auto">
                        <div class="flex  flex-wrap align-center  w-100">
                            <span
                                class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('当月业务数据活跃度')}}</span>
                            <div class="hoverWrap" style="cursor:pointer"
                                v-if="imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].show_info == 1">
                                <img @click.stop="open_AI('jt_ywsjhyd')"
                                    style="width: 28px;height: 28px;position:absolute;top:640px;left:42%"
                                    class="dapingxxtheme0001_fd0_2_c0_c0_c2_c0_c1 mg-t-0 mg-r-0 mg-b-0 mg-l-10 a"
                                    :src="imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].is_open_ai == '1' ? imgList['jt_ywsjhyd'].ai_icon : imgList['jt_ywsjhyd'].icon"
                                    v-if=" imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].show_info == '1'" />
                                <div class="position-absolute warp" style="top:70%;left:48%">
                                    <div class="position-relative" style="z-index:9999999999">
                                        <img class="position-absolute"
                                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240829/798997b074f40878efba545778d573e3.png"
                                            alt="" style="width:82.92px;height:68.45px;top:-50px;left:23%;z-index:-1" />
                                        <img class="position-absolute"
                                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240823/ce32ede67620f84382a64dd6d5d0ca4e.png"
                                            alt="" style="width:33.72px;height:14.76px;top:3px;left:25%" />
                                        <div
                                            style="background:url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240831/8a03b4957f366dc6bc3e0ca1598004dd.png) center center / 100% 100% no-repeat;width:306.61px;height:220.3px;z-index:99;padding:40px">
                                            <div style="color:#FFF">
                                                <div class="flex align-center justify-between"
                                                    style="margin-bottom:10px">
                                                    <span class="t-14">AI智能分析</span>
                                                    <div>
                                                        <div v-if="imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].is_open_ai == '1'"
                                                            class="flex align-center justify-end"
                                                            style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                        <div v-else class="flex align-center justify-start"
                                                            style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex align-center justify-between mg-b-20">
                                                    <span class="t-14">数据共享权限</span>
                                                    <div>
                                                        <div v-if="imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].open_permission == '1'"
                                                            class="flex align-center justify-end"
                                                            style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                        <div v-else class="flex align-center justify-start"
                                                            style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="t-14"
                                                    style="font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 14px;color: #2CF9FE;">数据血缘关系</span>
                                                <div class="t-14 flex flex-direction pd-l-10">
                                                    <span style="display:block;margin:10px 0"
                                                        v-if="imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].data_type_name">{{imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].data_type_name}}</span>
                                                    <span
                                                        v-if="imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].data_source !== '静态数据'">{{imgList['jt_ywsjhyd']&&imgList['jt_ywsjhyd'].data_source}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />
                        <div class="flex  flex-wrap align-center  w-100">

                            <benben-line-area-accumul class='dapingxxhtheme0002_898_random_fd1_0_c1_c2 w-100'
                                :field-options="jt_ywsjhyd" data_source_type="1" chart_show_type="line-area-accumul"
                                show_title="false" title_position="left" title_name="标题"
                                :linear_gradient_color="[{'start':0,'color1':'rgba(122, 238, 104, 0)','color2':'rgba(122, 238, 104, 1)'}]"
                                :theme_color="theme_color_4896" :chart-option="chartOptions_random_2598">

                            </benben-line-area-accumul>


                        </div>

                    </div>

                </a-col>


                <a-col :xs="12" :md="12" :xl="12" :xxl="12" class="dapingxxhtheme0002_572_fd1_1">
                    <div
                        class="flex  flex-wrap align-center dapingxxhtheme0002_690_fd1_1_c0 bg-size-auto position-relative">
                        <div
                            class="flex  flex-wrap align-center dapingxxhtheme0002_460_fd1_1_c0_c0 t-36 position-absolute h-100-px">
                            <span
                                class="dapingxxhtheme0002_147_fd1_1_c0_c0_c0 mg-0 t-40 t-ct f-c-3 lh-60-px">{{i18n('66,228,973')}}</span>
                            <span
                                class="dapingxxhtheme0002_153_fd1_1_c0_c0_c1 f-c-3 t-20 w-100 t-ct t-w-5">{{i18n('当前储存总量')}}</span>

                        </div>
                        <div
                            class="flex  flex-wrap align-center dapingxxhtheme0002_239_fd1_1_c0_c1 t-36 position-absolute h-100-px">
                            <span
                                class="dapingxxhtheme0002_147_fd1_1_c0_c0_c0 mg-0 t-40 t-ct f-c-3 lh-60-px">{{i18n('66,228,973')}}</span>
                            <span
                                class="dapingxxhtheme0002_153_fd1_1_c0_c0_c1 f-c-3 t-20 w-100 t-ct t-w-5">{{i18n('今日发布信息数')}}</span>

                        </div>
                        <div class="flex  flex-wrap align-center dapingxxhtheme0002_957_fd1_1_c0_c2 position-absolute">
                            <span
                                class="dapingxxhtheme0002_822_fd1_1_c0_c2_c0 t-18 h-40-px w-100 bg-size-auto lh-40-px t-ct">{{i18n('活动分析：元数据被访问的频度统计')}}</span>
                            <div class="flex align-center dapingxxhtheme0002_618_fd1_1_c0_c2_c1">
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_506_fd1_1_c0_c2_c1_c0 h-100">
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('1.本科生基本信息表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('2.教职工基本信息表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('3.教学科研数据表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('4.教职工考核数据表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>

                                </div>
                                <img class='dapingxxhtheme0002_600_fd1_1_c0_c2_c1_c1'
                                    :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'7049/70494c4dbc4b27e952c448477881e82200eb.png'" />
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_821_fd1_1_c0_c2_c1_c2 h-100">
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('1.本科生基本信息表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('2.教职工基本信息表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('3.教学科研数据表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>
                                    <div class="flex  flex-wrap align-center  w-100">
                                        <span class="flex-sub  t-14 f-c-3">{{i18n('4.教职工考核数据表')}}</span>
                                        <span
                                            class="dapingxxhtheme0002_161_fd1_1_c0_c2_c1_c0_c0_c1 t-14">{{i18n('321')}}</span>
                                        <span class="t-14 t-w-4 f-c-3">{{i18n('次')}}</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>
                    <div class="flex align-stretch justify-between dapingxxhtheme0002_308_fd1_1_c1">
                        <div
                            class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_744_fd1_1_c1_c0 bdr-8 bg-size-auto">
                            <div class="flex align-center  w-100">
                                <span
                                    class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('数据增长趋势')}}</span>
                                <div class="hoverWrap" style="cursor:pointer"
                                    v-if="imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].show_info == 1">
                                    <img @click.stop="open_AI('jt_sjzzqs')"
                                        style="width: 28px;height: 28px;position:absolute;top:630px;left:15%"
                                        class="dapingxxtheme0001_fd0_2_c0_c0_c2_c0_c1 mg-t-0 mg-r-0 mg-b-0 mg-l-10 a"
                                        :src="imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].is_open_ai == '1' ? imgList['jt_sjzzqs'].ai_icon : imgList['jt_sjzzqs'].icon"
                                        v-if=" imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].show_info == '1'" />
                                    <div class="position-absolute warp" style="top:70%;left:25%">
                                        <div class="position-relative" style="z-index:9999999999">
                                            <img class="position-absolute"
                                                src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240829/798997b074f40878efba545778d573e3.png"
                                                alt=""
                                                style="width:82.92px;height:68.45px;top:-50px;left:23%;z-index:-1" />
                                            <img class="position-absolute"
                                                src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240823/ce32ede67620f84382a64dd6d5d0ca4e.png"
                                                alt="" style="width:33.72px;height:14.76px;top:3px;left:25%" />
                                            <div
                                                style="background:url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240831/8a03b4957f366dc6bc3e0ca1598004dd.png) center center / 100% 100% no-repeat;width:306.61px;height:220.3px;z-index:99;padding:40px">
                                                <div style="color:#FFF">
                                                    <div class="flex align-center justify-between"
                                                        style="margin-bottom:10px">
                                                        <span class="t-14">AI智能分析</span>
                                                        <div>
                                                            <div v-if="imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].is_open_ai == '1'"
                                                                class="flex align-center justify-end"
                                                                style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                            <div v-else class="flex align-center justify-start"
                                                                style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="flex align-center justify-between mg-b-20">
                                                        <span class="t-14">数据共享权限</span>
                                                        <div>
                                                            <div v-if="imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].open_permission == '1'"
                                                                class="flex align-center justify-end"
                                                                style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                            <div v-else class="flex align-center justify-start"
                                                                style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span class="t-14"
                                                        style="font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 14px;color: #2CF9FE;">数据血缘关系</span>
                                                    <div class="t-14 flex flex-direction pd-l-10">
                                                        <span style="display:block;margin:10px 0"
                                                            v-if="imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].data_type_name">{{imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].data_type_name}}</span>
                                                        <span
                                                            v-if="imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].data_source !== '静态数据'">{{imgList['jt_sjzzqs']&&imgList['jt_sjzzqs'].data_source}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                                src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />

                            <a-row class="benben-grid  dapingxxhtheme0002_662_random_fd1_1_c1_c0_c2 w-100"
                                :gutter="[0,8]" type="flex">

                                <a-col :xs="24" :md="12" :xl="6" :xxl="6" class="mg-0 w-100 h-100">

                                    <qiu-mount-charts class='dapingxxhtheme0002_810_random_fd1_1_c1_c0_c2_c0_c0 w-100'
                                        :field-options="jt_sjzzqs" data_source_type="1"
                                        chart_show_type="mount_pointed_peaks" type="mount"
                                        :theme_color="theme_color_3047" :chart-option="chartOptions_random_6657">

                                    </qiu-mount-charts>


                                </a-col>


                            </a-row>


                        </div>
                        <div
                            class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_231_fd1_1_c1_c1 bdr-8 bg-size-auto">
                            <div class="flex align-center  w-100">
                                <span
                                    class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('数据标准')}}</span>
                                <div class="hoverWrap" style="cursor:pointer"
                                    v-if="imgList['jt_sjbz']&&imgList['jt_sjbz'].show_info == 1">
                                    <img @click.stop="open_AI('jt_sjbz')"
                                        style="width: 28px;height: 28px;position:absolute;top:630px;left:62%"
                                        class="dapingxxtheme0001_fd0_2_c0_c0_c2_c0_c1 mg-t-0 mg-r-0 mg-b-0 mg-l-10 a"
                                        :src="imgList['jt_sjbz']&&imgList['jt_sjbz'].is_open_ai == '1' ? imgList['jt_sjbz'].ai_icon : imgList['jt_sjbz'].icon"
                                        v-if=" imgList['jt_sjbz']&&imgList['jt_sjbz'].show_info == '1'" />
                                    <div class="position-absolute warp" style="top:72%;left:70%">
                                        <div class="position-relative" style="z-index:9999999999">
                                            <img class="position-absolute"
                                                src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240829/798997b074f40878efba545778d573e3.png"
                                                alt=""
                                                style="width:82.92px;height:68.45px;top:-50px;left:23%;z-index:-1" />
                                            <img class="position-absolute"
                                                src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240823/ce32ede67620f84382a64dd6d5d0ca4e.png"
                                                alt="" style="width:33.72px;height:14.76px;top:3px;left:25%" />
                                            <div
                                                style="background:url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240831/8a03b4957f366dc6bc3e0ca1598004dd.png) center center / 100% 100% no-repeat;width:306.61px;height:220.3px;z-index:99;padding:40px">
                                                <div style="color:#FFF">
                                                    <div class="flex align-center justify-between"
                                                        style="margin-bottom:10px">
                                                        <span class="t-14">AI智能分析</span>
                                                        <div>
                                                            <div v-if="imgList['jt_sjbz']&&imgList['jt_sjbz'].is_open_ai == '1'"
                                                                class="flex align-center justify-end"
                                                                style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                            <div v-else class="flex align-center justify-start"
                                                                style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="flex align-center justify-between mg-b-20">
                                                        <span class="t-14">数据共享权限</span>
                                                        <div>
                                                            <div v-if="imgList['jt_sjbz']&&imgList['jt_sjbz'].open_permission == '1'"
                                                                class="flex align-center justify-end"
                                                                style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                            <div v-else class="flex align-center justify-start"
                                                                style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                                <span
                                                                    style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span class="t-14"
                                                        style="font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 14px;color: #2CF9FE;">数据血缘关系</span>
                                                    <div class="t-14 flex flex-direction pd-l-10">
                                                        <span style="display:block;margin:10px 0"
                                                            v-if="imgList['jt_sjbz']&&imgList['jt_sjbz'].data_type_name">{{imgList['jt_sjbz']&&imgList['jt_sjbz'].data_type_name}}</span>
                                                        <span
                                                            v-if="imgList['jt_sjbz']&&imgList['jt_sjbz'].data_source !== '静态数据'">{{imgList['jt_sjbz']&&imgList['jt_sjbz'].data_source}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                                src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />

                            <a-row class="benben-grid  dapingxxhtheme0002_729_random_fd1_1_c1_c1_c2 w-100"
                                :gutter="[0,8]" type="flex">

                                <a-col :xs="24" :md="12" :xl="6" :xxl="6" class="mg-0 w-100 h-100">
                                    <div
                                        class="flex  flex-wrap align-center dapingxxhtheme0002_452_fd1_1_c1_c1_c2_c0_c0 pd-t-0 pd-r-10 pd-b-0 pd-l-0 position-absolute">
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 w-100 f-c-3 h-20-px lh-20-px">
                                            <span
                                                class="dapingxxhtheme0002_538_fd1_1_c1_c1_c2_c0_c0_c0_c0 mg-t-0 mg-r-10 mg-b-0 mg-l-0 t-20 t-w-4 h-20-px">{{i18n('30%')}}</span>
                                            <span
                                                class="dapingxxhtheme0002_896_fd1_1_c1_c1_c2_c0_c0_c0_c1 t-20 t-w-4 h-20-px">{{i18n('30')}}</span>

                                        </div>
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 w-100 f-c-3 h-20-px lh-20-px">
                                            <span
                                                class="dapingxxhtheme0002_538_fd1_1_c1_c1_c2_c0_c0_c0_c0 mg-t-0 mg-r-10 mg-b-0 mg-l-0 t-20 t-w-4 h-20-px">{{i18n('40%')}}</span>
                                            <span
                                                class="dapingxxhtheme0002_896_fd1_1_c1_c1_c2_c0_c0_c0_c1 t-20 t-w-4 h-20-px">{{i18n('40')}}</span>

                                        </div>
                                        <div
                                            class="flex  flex-wrap align-center dapingxxhtheme0002_432_fd1_0_c1_c2_c0_c0_c0 w-100 f-c-3 h-20-px lh-20-px">
                                            <span
                                                class="dapingxxhtheme0002_538_fd1_1_c1_c1_c2_c0_c0_c0_c0 mg-t-0 mg-r-10 mg-b-0 mg-l-0 t-20 t-w-4 h-20-px">{{i18n('30%')}}</span>
                                            <span
                                                class="dapingxxhtheme0002_896_fd1_1_c1_c1_c2_c0_c0_c0_c1 t-20 t-w-4 h-20-px">{{i18n('30')}}</span>

                                        </div>

                                    </div>

                                    <benben-pie-ring class='dapingxxhtheme0002_172_random_fd1_1_c1_c1_c2_c0_c1'
                                        :field-options="jt_sjbz" data_source_type="1" chart_show_type="pie-ring"
                                        show_title="false" title_position="left" title_name="标题"
                                        :theme_color="theme_color_4373"
                                        :linear_gradient_color="[{'start':0,'color1':'rgba(27, 27, 255, 1)','color2':'rgba(0, 150, 255, 1)'},{'start':50,'color1':'rgba(64, 195, 64, 1)','color2':'rgba(64, 244, 149, 1)'},{'start':50,'color1':'rgba(255, 140, 25, 1)','color2':'rgba(255, 188, 121, 1)'}]"
                                        :chart-option="chartOptions_random_4407">

                                    </benben-pie-ring>

                                    <img class='dapingxxhtheme0002_634_fd1_1_c1_c1_c2_c0_c2 w-80-px h-80-px position-absolute'
                                        :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'7049/704986574f2f2a40bb80c3be041276e32532.png'" />
                                    <img class='dapingxxhtheme0002_806_fd1_1_c1_c1_c2_c0_c3 w-120-px position-absolute'
                                        :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'7049/7049197225347c3ac2c13577bc0e40958347.png'" />

                                </a-col>


                            </a-row>


                        </div>

                    </div>

                </a-col>


                <a-col :xs="6" :md="6" :xl="6" :xxl="6" class="dapingxxhtheme0002_431_fd1_2 mg-0">
                    <div
                        class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_161_fd1_0_c0 bdr-8 bg-size-auto">
                        <span class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('数据统计')}}</span>
                        <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />
                        <div
                            class="flex flex-wrap align-center self-center justify-between dapingxxhtheme0002_733_fd1_2_c0_c2 w-100 bg-size-auto position-relative">
                            <div
                                class="flex  flex-wrap align-center dapingxxhtheme0002_612_fd1_2_c0_c2_c0 position-absolute">
                                <span
                                    class="dapingxxhtheme0002_287_fd1_2_c0_c2_c0_c0 w-100-px h-20-px t-ct t-20 lh-20-px">{{i18n('100')}}</span>
                                <span class="t-12 t-w-7 f-c-3 w-100-px t-ct">{{i18n('对接应用')}}</span>

                            </div>
                            <div
                                class="flex  flex-wrap align-center dapingxxhtheme0002_389_fd1_2_c0_c2_c1 position-absolute">
                                <span
                                    class="dapingxxhtheme0002_287_fd1_2_c0_c2_c0_c0 w-100-px h-20-px t-ct t-20 lh-20-px">{{i18n('100')}}</span>
                                <span class="t-12 t-w-7 f-c-3 w-100-px t-ct">{{i18n('数据集')}}</span>

                            </div>
                            <div
                                class="flex  flex-wrap align-center dapingxxhtheme0002_655_fd1_2_c0_c2_c2 position-relative">
                                <span
                                    class="dapingxxhtheme0002_287_fd1_2_c0_c2_c0_c0 w-100-px h-20-px t-ct t-20 lh-20-px">{{i18n('150')}}</span>
                                <span class="t-12 t-w-7 f-c-3 w-100-px t-ct">{{i18n('业务系统')}}</span>

                            </div>
                            <div
                                class="flex  flex-wrap align-center dapingxxhtheme0002_983_fd1_2_c0_c2_c3 position-relative">
                                <span
                                    class="dapingxxhtheme0002_287_fd1_2_c0_c2_c0_c0 w-100-px h-20-px t-ct t-20 lh-20-px">{{i18n('150')}}</span>
                                <span class="t-12 t-w-7 f-c-3 w-100-px t-ct">{{i18n('接入部门')}}</span>

                            </div>

                        </div>

                    </div>
                    <div
                        class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_161_fd1_0_c0 bdr-8 bg-size-auto">
                        <span class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('数据服务')}}</span>
                        <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />
                        <div
                            class="flex flex-wrap align-center self-center justify-between dapingxxhtheme0002_653_fd1_0_c0_c2 w-100">
                            <div
                                class="flex flex-direction flex-wrap align-center dapingxxhtheme0002_789_fd1_2_c1_c2_c0 bg-size-auto">
                                <span class="dapingxxhtheme0002_210_fd1_2_c1_c2_c0_c0 t-36 t-w-7">{{i18n('2')}}</span>
                                <span
                                    class="dapingxxhtheme0002_404_fd1_2_c1_c2_c0_c1 t-16 f-c-3 t-w-6">{{i18n('数据表')}}</span>

                            </div>
                            <div
                                class="flex flex-direction flex-wrap align-center dapingxxhtheme0002_789_fd1_2_c1_c2_c0 bg-size-auto">
                                <span class="dapingxxhtheme0002_210_fd1_2_c1_c2_c0_c0 t-36 t-w-7">{{i18n('12')}}</span>
                                <span
                                    class="dapingxxhtheme0002_404_fd1_2_c1_c2_c0_c1 t-16 f-c-3 t-w-6">{{i18n('数据项')}}</span>

                            </div>
                            <div
                                class="flex flex-direction flex-wrap align-center dapingxxhtheme0002_789_fd1_2_c1_c2_c0 bg-size-auto">
                                <span class="dapingxxhtheme0002_210_fd1_2_c1_c2_c0_c0 t-36 t-w-7">{{i18n('32')}}</span>
                                <span class="dapingxxhtheme0002_404_fd1_2_c1_c2_c0_c1 t-16 f-c-3 t-w-6">{{i18n('数据量
                                    ')}}</span>

                            </div>

                        </div>

                    </div>
                    <div
                        class="flex flex-direction flex-wrap align-stretch dapingxxhtheme0002_161_fd1_0_c0 bdr-8 bg-size-auto">
                        <div class="flex align-center  w-100">
                            <span class="dapingxxhtheme0002_491_fd1_0_c0_c0 pd-0 w-100 t-20 f-c-3">{{i18n('元数据
                                ')}}</span>
                            <div class="hoverWrap" style="cursor:pointer"
                                v-if="imgList['jt_ysj']&&imgList['jt_ysj'].show_info == 1">
                                <img @click.stop="open_AI('jt_ysj')"
                                    style="width: 28px;height: 28px;position:absolute;top:635px;left:15%"
                                    class="dapingxxtheme0001_fd0_2_c0_c0_c2_c0_c1 mg-t-0 mg-r-0 mg-b-0 mg-l-10 a"
                                    :src="imgList['jt_ysj']&&imgList['jt_ysj'].is_open_ai == '1' ? imgList['jt_ysj'].ai_icon : imgList['jt_ysj'].icon"
                                    v-if=" imgList['jt_ysj']&&imgList['jt_ysj'].show_info == '1'" />
                                <div class="position-absolute warp" style="top:70%;left:25%">
                                    <div class="position-relative" style="z-index:9999999999">
                                        <img class="position-absolute"
                                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240829/798997b074f40878efba545778d573e3.png"
                                            alt="" style="width:82.92px;height:68.45px;top:-50px;left:23%;z-index:-1" />
                                        <img class="position-absolute"
                                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240823/ce32ede67620f84382a64dd6d5d0ca4e.png"
                                            alt="" style="width:33.72px;height:14.76px;top:3px;left:25%" />
                                        <div
                                            style="background:url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240831/8a03b4957f366dc6bc3e0ca1598004dd.png) center center / 100% 100% no-repeat;width:306.61px;height:220.3px;z-index:99;padding:40px">
                                            <div style="color:#FFF">
                                                <div class="flex align-center justify-between"
                                                    style="margin-bottom:10px">
                                                    <span class="t-14">AI智能分析</span>
                                                    <div>
                                                        <div v-if="imgList['jt_ysj']&&imgList['jt_ysj'].is_open_ai == '1'"
                                                            class="flex align-center justify-end"
                                                            style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                        <div v-else class="flex align-center justify-start"
                                                            style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex align-center justify-between mg-b-20">
                                                    <span class="t-14">数据共享权限</span>
                                                    <div>
                                                        <div v-if="imgList['jt_ysj']&&imgList['jt_ysj'].open_permission == '1'"
                                                            class="flex align-center justify-end"
                                                            style="width: 36px;height: 18px;background: #19E587;border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                        <div v-else class="flex align-center justify-start"
                                                            style="width: 36px;height: 18px;background: rgba(9, 39, 103, 1);border-radius:64px;padding:2px">
                                                            <span
                                                                style="display:block;width: 15px;border-radius:50%;height: 15px;background: #FFFFFF;"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="t-14"
                                                    style="font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 14px;color: #2CF9FE;">数据血缘关系</span>
                                                <div class="t-14 flex flex-direction pd-l-10">
                                                    <span style="display:block;margin:10px 0"
                                                        v-if="imgList['jt_ysj']&&imgList['jt_ysj'].data_type_name">{{imgList['jt_ysj']&&imgList['jt_ysj'].data_type_name}}</span>
                                                    <span
                                                        v-if="imgList['jt_ysj']&&imgList['jt_ysj'].data_source !== '静态数据'">{{imgList['jt_ysj']&&imgList['jt_ysj'].data_source}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <img class='dapingxxhtheme0002_667_fd1_0_c0_c1 w-100'
                            src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20240807/97b86936ec08ea769d820963758eda7a.png" />
                        <div
                            class="flex flex-wrap align-center self-center justify-between dapingxxhtheme0002_347_fd1_2_c2_c2 mg-0 w-100">

                            <benben-three-dimensional-pie-three
                                class='dapingxxhtheme0002_524_random_fd1_2_c2_c2_c0 w-50' :field-options="jt_ysj"
                                data_source_type="1" chart_show_type="three-dimensional-pie-three" show_title="false"
                                title_position="left" title_name="标题" :fixed_height="false" :data_max="15"
                                :label_distance="13" :box_height="7" :theme_color="theme_color_3435"
                                :chart-option="chartOptions_random_6088">

                            </benben-three-dimensional-pie-three>

                            <div class="flex  flex-wrap align-center dapingxxhtheme0002_621_fd1_2_c2_c2_c1 w-50">
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_820_fd1_2_c2_c2_c1_c0 w-100 h-40-px bg-size-auto bdr-8">
                                    <div
                                        class="flex  flex-wrap align-center dapingxxhtheme0002_243_fd1_2_c2_c2_c1_c0_c0 mg-t-0 mg-r-10 mg-b-0 mg-l-0 bg-size-auto">

                                    </div>
                                    <span class="flex-sub  t-16 t-w-7 f-c-3">{{i18n('代码类')}}</span>
                                    <span
                                        class="dapingxxhtheme0002_170_fd1_2_c2_c2_c1_c0_c2 mg-0 t-20">{{i18n('23%')}}</span>

                                </div>
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_820_fd1_2_c2_c2_c1_c0 w-100 h-40-px bg-size-auto bdr-8">
                                    <div
                                        class="flex  flex-wrap align-center dapingxxhtheme0002_261_fd1_2_c2_c2_c1_c1_c0 mg-t-0 mg-r-10 mg-b-0 mg-l-0 bg-size-auto">

                                    </div>
                                    <span class="flex-sub  t-16 t-w-7 f-c-3">{{i18n('代码子类')}}</span>
                                    <span
                                        class="dapingxxhtheme0002_925_fd1_2_c2_c2_c1_c1_c2 mg-0 t-20">{{i18n('43%')}}</span>

                                </div>
                                <div
                                    class="flex  flex-wrap align-center dapingxxhtheme0002_820_fd1_2_c2_c2_c1_c0 w-100 h-40-px bg-size-auto bdr-8">
                                    <div
                                        class="flex  flex-wrap align-center dapingxxhtheme0002_336_fd1_2_c2_c2_c1_c2_c0 mg-t-0 mg-r-10 mg-b-0 mg-l-0 bg-size-auto">

                                    </div>
                                    <span class="flex-sub  t-16 t-w-7 f-c-3">{{i18n('代码类型')}}</span>
                                    <span
                                        class="dapingxxhtheme0002_951_fd1_2_c2_c2_c1_c2_c2 mg-0 t-20">{{i18n('34%')}}</span>

                                </div>

                            </div>

                        </div>

                    </div>

                </a-col>


            </a-row>


        </div>
    </div>
</body>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/vue/vue.min.js?v=2025052702"></script>
<script
    src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/jquery/jquery-3.7.1.min.js?v=2025052702"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.min.js"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.zh-cn.js"></script>
<script
    src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.min.js?v=2025052702"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vue-dash-event@1.0.1.js"></script>
<script
    src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-generate-big-screen-new.js?v=2025052702"></script>

<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/ajax/axios.js"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/u-charts.js"></script>
<script>
    let chart_ids = "";
    let chart_data_ids = "";
    let global_charts_data = {};

    const themeColorConfig = { "presetApi": { "getClassifyOne": "", "getClassifyTow": "", "getClassifyShop": "" }, "themeType": 0, "themeConfig": [{ "colorConfig": ["#333333", "#666666", "#999999", "#ffffff", "#0052c7", "#F02325", "#FC9C3A", "#4DC777", "#F2CC98", "#F2CC66"], "bgColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#FC9fff", "#E6F333", "#E6F1FE", "linear-gradient(301deg, #EBBA7B 0%, #F8D9AD 100%)", "linear-gradient(180deg, #F5588E 0%, #F0403C 100%)", "linear-gradient(179deg, #FFD033 0%, #F4890E 100%)"], "bdColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#333333", "#666666", "#999999", "#dddddd", "#1178F0", "#F02325"] }] };
    const { LocaleProvider, locales, message, Modal } = window.antd;
    Vue.prototype.$message = message
    Vue.use(window['vue-dash-event'])
    const ShowIframedrawer = Vue.extend(iframedrawer)
    iframedrawer.install = function (data) {
        let instance = new ShowIframedrawer({
            data
        }).$mount()
        document.body.appendChild(instance.$el)
        Vue.nextTick(() => { instance.show = true })
    }
    const ShowIframemodal = Vue.extend(iframemodal)
    iframemodal.install = function (data) {
        let instance = new ShowIframemodal({
            data
        }).$mount()
        document.body.appendChild(instance.$el)
        Vue.nextTick(() => { instance.show = true })
    }
    function getUrlKey(name) {
        let val = decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1].replace(/\+/g, '%20'))
        if (val) {
            return val
        } else {
            var url = location.href.split('/' + name + '/')
            if (url.length > 1) {
                var arr = url[1].split('.')[0].split('?')[0].split('/')
                if (arr.length) {
                    return isEmpty(arr[0]) ? null : arr[0]
                }
            }
            return null
        }
    }

    var user_token = $('#hidden_field_user_token').val();
    var public_headers = { 'user-token': user_token }

    var member_id = $('#hidden_field_member_id').val();
    var hidden_field_alias = $('#hidden_field_alias').val();
    var hidden_field_aid = $('#hidden_field_aid').val();
    var hidden_field_roles = $('#hidden_field_roles').val();
    var web_url_oss = $('#web_url_oss').val();
    var baseURL = 'https://yufabu.saizhuge.net'


    const AD_MANGER = new Vue({
        el: '#antdVue',
        mixins: [bigScreenMixins],
        data() {
            receive(this);
            return { chart_ids, chart_data_ids, global_charts_data, themeColorConfig, locale: locales[lang_to_antd[current_lang]], "theme_color_3435": ["rgba(221, 128, 255, 1)", "rgba(27, 242, 234, 1)", "rgba(49, 152, 255, 1)", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2", "#FC658A"], "chartOptions_random_6088": { "legend": { "type": "scroll", "top": 20, "textStyle": { "color": "#fff" }, "show": false, "orient": "horizontal", "left": "center" }, "labelSetting": { "threeDimLabel": { "color": "#fff", "formatter": "{b}: {c}", "fontSize": 16, "animationDuration": 50 } } }, "jt_ysj": { "data": [{ "name": "代码类", "value": 23, "startRatio": 0, "endRatio": 0.23, "label": { "show": true } }, { "name": "代码子类", "value": 43, "startRatio": 0.23, "endRatio": 0.66, "label": { "show": true } }, { "name": "代码类项", "value": 34, "startRatio": 0.66, "endRatio": 1, "label": { "show": true } }] }, "theme_color_4373": ["rgba(255, 140, 25, 1)", "rgba(255, 15, 190, 1)", "rgba(5, 133, 255, 1)", "rgba(27, 242, 234, 1)", "rgba(0, 254, 108, 1)", "rgba(255, 90, 103, 1)", "rgba(139, 54, 255, 1)", "rgba(221, 128, 255, 1)"], "chartOptions_random_4407": { "seriesSetting": { "center": ["29%", "50%"], "radius": ["65%", "92%"], "itemStyle": { "borderColor": "#001B3B", "borderWidth": 4 }, "startAngle": 0, "type": "pie", "label": { "color": "#fff" } }, "labelSetting": { "label": { "color": "#fff", "show": false, "position": "center", "emphasis": { "show": false, "textStyle": { "fontSize": 14, "color": "#fff" }, "rich": { "name": { "fontSize": 14 }, "num": { "fontSize": 20, "lineHeight": 29, "fontWeight": 800, "color": "#00FE6C", "top": 80 } } }, "formatter": "{b}\n{c}" }, "labelLine": { "show": false } }, "legend": { "type": "scroll", "icon": "circle", "textStyle": { "fontSize": 16, "color": "#fff", "lineHeight": 36 }, "show": true, "orient": "vertical", "left": "60%", "top": "13%" }, "tooltip": { "show": true, "trigger": "item", "autoToolTip": true, "axisPointer": { "type": "shadow" }, "textStyle": { "color": "rgba(255, 255, 255, 1)", "fontSize": 15 }, "backgroundColor": "rgba(0, 0, 0, 0.8)", "borderColor": "rgba(0, 0, 0, 0.8)" } }, "jt_sjbz": { "series": [{ "data": [{ "value": 30, "name": "数据子集" }, { "value": 40, "name": "数据类" }, { "value": 30, "name": "数据表" }] }] }, "theme_color_3047": ["rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)", "rgba(0, 244, 216, 1)"], "chartOptions_random_6657": { "padding": [15, 6, 0, 0], "enableScroll": false, "legend": { "show": false }, "xAxis": { "disableGrid": true, "axisLineColor": "rgba(255, 255, 255, 1)", "fontSize": 14, "fontColor": "rgba(255, 255, 255, 1)", "marginTop": 10 }, "yAxis": { "disabled": false, "disableGrid": false, "data": [{ "type": "value", "position": "left", "disabled": false, "axisLine": true, "axisLineColor": "rgba(255, 255, 255, 1)", "calibration": false, "fontColor": "rgba(255, 255, 255, 1)", "fontSize": 14, "textAlign": "right", "title": "", "titleFontSize": 13, "titleOffsetY": 0, "titleOffsetX": 0, "titleFontColor": "#666666", "min": 0, "tofix": 0, "unit": "", "formatter": "" }], "gridColor": "rgba(204, 204, 204, 1)" }, "extra": { "mount": { "type": "sharp", "widthRatio": 0.4, "linearType": "custom", "customColor": [], "linearOpacity": 0.9, "colorStop": 0.3 }, "tooltip": { "showBox": true, "showArrow": true, "showCategory": false, "borderWidth": 0, "borderRadius": 4, "borderColor": "#FF0000", "borderOpacity": 0.7, "bgColor": "#000000", "bgOpacity": 0.7, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "boxPadding": 3, "fontSize": 13, "lineHeight": 20, "fontColor": "#FFFFFF", "legendShow": true, "legendShape": "auto", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "data": [] } }, "animation": true, "duration": 1000, "timing": "easeOut", "dataLabel": false, "dataPointShape": true, "dataPointShapeType": "solid", "enableMarkLine": false }, "jt_sjzzqs": { "series": [{ "data": [{ "name": "1月", "value": 82 }, { "name": "2月", "value": 63 }, { "name": "3月", "value": 86 }, { "name": "4月", "value": 65 }, { "name": "5月", "value": 79 }] }] }, "theme_color_4896": ["rgba(122, 238, 104, 0)", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2", "#FC658A"], "chartOptions_random_2598": { "tooltip": { "trigger": "axis", "axisPointer": { "type": "shadow" }, "textStyle": { "color": "rgba(255, 255, 255, 1)", "fontSize": 15 }, "show": true, "autoToolTip": true, "backgroundColor": "rgba(0, 0, 0, 0.8)", "borderColor": "rgba(255, 0, 0, 0)" }, "legend": { "type": "scroll", "textStyle": { "color": "#fff" }, "show": false, "orient": "horizontal", "left": "center", "top": "" }, "grid": { "left": "0%", "right": "5%", "bottom": "0%", "top": "15%", "containLabel": true }, "yAxis": { "type": "value", "axisTick": { "show": false }, "axisLine": { "show": true, "lineStyle": { "color": "rgba(255, 255, 255, 0.2)" } }, "axisLabel": { "show": true, "color": "#fff", "fontSize": 14, "fontWeight": 500 }, "splitLine": { "show": true, "lineStyle": { "color": "rgba(255, 255, 255, 0.1)" } } }, "xAxis": { "type": "category", "axisTick": { "show": false }, "axisLine": { "show": true, "lineStyle": { "color": "rgba(255, 255, 255, 0.2)" } }, "axisLabel": { "show": true, "color": "#fff", "fontSize": 14, "fontWeight": 500, "rotate": 30 }, "splitLine": { "show": false, "lineStyle": { "color": "#6E7079" } } }, "seriesSetting": { "areaStyle": { "show": true }, "markPoint": { "label": { "normal": { "textStyle": { "color": "#fff", "fontSize": 14, "fontWeight": 400 } } }, "itemStyle": [], "data": [], "symbol": "pin", "symbolSize": 50 }, "markLine": { "data": [], "lineStyle": { "type": "dashed" }, "label": { "color": "#fff" }, "symbol": "none" }, "label": { "normal": { "show": false, "position": "top", "fontSize": 14, "color": "inherit" } }, "smooth": true } }, "jt_ywsjhyd": { "xAxis": { "data": ["招生系统", "离校系统", "资产系统", "考勤系统", "科研系统", "安保系统"] }, "series": [{ "name": "离校系统", "data": [100, 120, 150, 140, 140, 160], "type": "line", "stack": "总量", "areaStyle": [] }] }, "theme_color_4634": ["rgba(255, 140, 25, 1)", "rgba(255, 15, 190, 1)", "rgba(5, 133, 255, 1)", "rgba(27, 242, 234, 1)", "rgba(0, 254, 108, 1)", "rgba(255, 90, 103, 1)", "rgba(139, 54, 255, 1)", "rgba(221, 128, 255, 1)"], "chartOptions_random_5750": { "seriesSetting": { "center": ["46%", "50%"], "radius": ["65%", "92%"], "itemStyle": { "borderColor": "#001B3B", "borderWidth": 4 }, "startAngle": 0, "type": "pie", "label": { "color": "#fff" } }, "labelSetting": { "label": { "color": "#fff", "show": false, "position": "center", "emphasis": { "show": false, "textStyle": { "fontSize": 14, "color": "#fff" }, "rich": { "name": { "fontSize": 14 }, "num": { "fontSize": 20, "lineHeight": 29, "fontWeight": 800, "color": "#00FE6C", "top": 80 } } }, "formatter": "{b}\n{c}" }, "labelLine": { "show": false } }, "legend": { "type": "scroll", "icon": "circle", "textStyle": { "fontSize": 16, "color": "#fff", "lineHeight": 36 }, "show": false, "orient": "vertical", "left": "60%", "top": "13%" }, "tooltip": { "show": true, "trigger": "item", "autoToolTip": true, "axisPointer": { "type": "shadow" }, "textStyle": { "color": "rgba(255, 255, 255, 1)", "fontSize": 15 }, "backgroundColor": "rgba(0, 0, 0, 0.8)", "borderColor": "rgba(0, 0, 0, 0.8)" } }, "jt_ztfgl": { "series": [{ "data": [{ "value": 135, "name": "学生主题" }, { "value": 110, "name": "财务主题" }, { "value": 124, "name": "图书主题" }, { "value": 110, "name": "教学主题" }, { "value": 124, "name": "教职工主题" }, { "value": 124, "name": "科研主题" }, { "value": 110, "name": "安全保卫主题" }, { "value": 124, "name": "资产主题" }] }] }, "isFullScreen": false, "big_screen_global_query": { "screen_global_time_range_type": "5", "screen_global_time_custom_time": "", "screen_global_dept": "", "screen_global_user": "", "diy_api_time": "" }, "saizhuge_api_loaded": false, "AI_config_data": [], "API_loading": false, "question": "", "AI_dialog_show": false, "API_content": "", "viewSource": "PC", "open_mute": "true", "big_screen_global_config": { "is_screen_global_time": false, "is_screen_global_dept": false, "is_screen_global_user": false }, "designWidth": 1920, "designHeight": 1080, "calculateStyles": {}, "screenWidth": window.innerWidth, "screenHeight": window.innerHeight, "timerW": false, "timerH": false, "page_scale": 1, "big_screen_color": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2", "#FC658A"] };
        },
        components: {},
        computed: {
            imgList() {
                let obj = {};

                this.AI_config_data.map(item => {
                    obj[item.chart_id] = item;
                })
                return obj;
            }
        },
        created() {
            if (window.parent.document) {
                var themeColor
                if (window.parent.SAI_ZHU_GE_MAIN_VUE_APP) {
                    var style = window.parent.document.getElementsByTagName('style')
                    themeColor = window.parent.SAI_ZHU_GE_MAIN_VUE_APP.$store.getters.color
                    for (var i = 0; i < style.length; i++) {
                        var id = style[i].id
                        if (id && id.indexOf("css_") > -1) {
                            var styleEl = document.createElement('style');
                            styleEl.innerHTML = style[i].innerText;
                            document.head.appendChild(styleEl);
                        }
                    }
                } else {
                    var cookieData = window.parent.parent && window.parent.parent.document.cookie.split(";") || window.parent.document.cookie.split(";") || []
                    if (cookieData.length) {
                        for (var i = 0; i < cookieData.length; i++) {
                            var temp = cookieData[i].split("=");
                            if (temp[0] == "Huiskin") {
                                var colorObj = { orange: '#cb4400', default: themeColorConfig.themeConfig[0].colorConfig[4], black: "#222d32", blue: "#4e73df", purple: "#605ca8" }
                                themeColor = colorObj[temp[1]];
                            }

                        }
                    }
                }
                if (themeColor) {
                    var themeConfig = this.themeColorConfig.themeConfig
                    themeConfig[0].colorConfig[4] = themeColor
                    themeConfig[0].bgColorConfig[2] = themeColor
                    themeConfig[0].bdColorConfig[2] = themeColor
                    this.themeColorConfig.themeConfig = themeConfig
                    console.log(this.themeColorConfig, themeConfig)
                }

            }
            if (getUrlKey('viewSource')) { this.viewSource = getUrlKey('viewSource'); }
            if (getUrlKey('open_mute')) { this.open_mute = getUrlKey('open_mute'); }
            this.get_AI_Config()
        },
        mounted() {


            let that = this;
            window.onresize = () => {
                that.screenWidth = $("#antdVue").width()
                that.screenHeight = $("#antdVue").height()
                that.handleResize();
            }
            this.$nextTick(() => {
                that.handleResize();
            })
            this.echartsInit()
        },
        beforeDestroy() {

        },
        watch: {
            screenWidth(val) {
                if (!this.timerW) {
                    let that = this;
                    // that.screenWidth = val;                    
                    this.timerW = true;
                    that.handleResize();
                    setTimeout(function () {
                        that.timerW = false;
                    }, 400)
                }
            },
            screenHeight(val) {
                if (!this.timerH) {
                    let that = this;
                    // that.screenHeight = val;                    
                    this.timerH = true;
                    that.handleResize();
                    setTimeout(function () {
                        that.timerH = false;
                    }, 400)
                }
            }
        },
        methods: {
            isEmpty,

            //图形初始化
            echartsInit() {
                var myChart = echarts.init(document.getElementById('main99'));
                option = {
                    "tooltip": {
                        "show": true,
                        "autoToolTip": true,
                        "trigger": "axis",
                        "axisPointer": {
                            "type": "shadow"
                        },
                        "textStyle": {
                            "color": "rgba(255, 255, 255, 1)",
                            "fontSize": 15
                        },
                        "backgroundColor": "rgba(0, 0, 0, 0.8)",
                        "borderColor": "rgba(0, 0, 0, 0.8)"
                    },
                    "legend": {
                        "show": true,
                        "type": "scroll",
                        "icon": "circle",
                        "textStyle": {
                            "color": "#fff"
                        },

                        "orient": "horizontal",
                        "left": "right",
                        "top": "6%"
                    },
                    "grid": {
                        "left": "0",
                        "right": "0",
                        "bottom": "0",
                        "top": "30%",
                        "containLabel": true
                    },
                    xAxis: {
                        data: ['驯鹿', '火箭', '飞机', '高铁'],
                        "type": "category",
                        "axisTick": {
                            "show": false
                        },
                        "axisLine": {
                            "show": true,
                            "lineStyle": {
                                //"color": "rgba(255, 255, 255, 0.2)"
                            }
                        },
                        "axisLabel": {
                            "show": true,
                            "color": "#fff",
                            "fontSize": 12,
                            "fontWeight": "500",
                            "rotate": 0
                        },
                        "splitLine": {
                            "show": false,
                            "lineStyle": {
                                "color": "#6E7079"
                            }
                        }
                    },
                    yAxis: [{
                        name: '',
                        min: 0,
                        "axisTick": {
                            "show": false
                        },
                        "axisLine": {
                            "show": true,
                            "lineStyle": {
                                "color": "rgba(255, 255, 255, 0.2)"
                            }
                        },
                        "axisLabel": {
                            "show": true,
                            "color": "#fff",
                            "fontSize": 12,
                            "fontWeight": "500"
                        },
                        "splitLine": {
                            "show": true,
                            "lineStyle": {
                                "color": "rgba(255, 255, 255, 0.1)"
                            }
                        }
                    },
                    {

                        name: '',
                        min: 0,
                        max: 25,

                        "axisTick": {
                            "show": false
                        },
                        "axisLine": {
                            "show": true,
                            "lineStyle": {
                                "color": "rgba(255, 255, 255, 0.2)"
                            }
                        },
                        "axisLabel": {
                            "show": true,
                            "color": "#fff",
                            "fontSize": 12,
                            "fontWeight": "500"
                        },
                        "splitLine": {
                            "show": true,
                            "lineStyle": {
                                "color": "rgba(255, 255, 255, 0.1)"
                            }
                        }
                    }
                    ],
                    series: [{
                        name: 'hill',
                        type: 'pictorialBar',
                        symbolSize: ['50%', '100%'],
                        symbolClip: true,
                        symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
                        itemStyle: {
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: 'rgba(255, 199, 46, 1)' },
                                { offset: 1, color: 'rgba(255, 118, 0, 1)' }
                            ])
                        },
                        data: [2, 6, 2, 1],

                    },
                    {
                        "name": "hill2",
                        "data": [
                            3,
                            9,
                            4,
                            8
                        ],
                        smooth: true,
                        color: "rgba(17, 246, 242, 1)",
                        "type": "line"
                    }
                    ]
                };

                myChart.setOption(option);
            },
            //统一获取自定义接口
            get_diy_api_page() {

            },
            //获取本页面的 AI 配置
            get_AI_Config() {
                commonAjax({
                    type: 'GET',
                    url: baseURL + '/api/m' + member_id + '/66c993b99c0d5',
                    data: { page_id: 'dapingxxhtheme0002' },
                    dataType: 'json',

                    success: (res) => {
                        if (res.code != 1) {
                            this.$message.info(res.msg);
                            return
                        }
                        let infoAI_config_data = res;

                        this.AI_config_data = infoAI_config_data.data
                        this.img_url = res.data[0].icon;
                        console.log(this.imgList['jt_Born_books']);
                        console.log(this.imgList)

                    }

                })
            },
            //替换问题
            open_AI(index) {
                if (this.imgList[index].is_open_ai !== "1") return;
                if (typeof index !== "string" && index == "") return;
                let type = index.slice(0, 2);
                console.log(index);
                if (type === "jt") {
                    this.AI_dialog_show = true;
                    let { question_config: question } = this.AI_config_data.filter(
                        item => item.chart_id == index
                    )[0];

                    let q = "";
                    let newArray = [];
                    let xAxis;
                    console.log('this.index', this[index]);
                    // <!--说明是秋云山峰图-->
                    if (
                        !this[index].data &&
                        !this[index].legend &&
                        !this[index].yAxis &&
                        this[index].series.length > 0
                    ) {
                        console.log(this[index].series[0].data);
                        newArray = [];
                        this[index].series[0].data.map(item => {
                            let obj = {};
                            obj.name = item.name;
                            obj.value = item.value;
                            newArray.push(obj);
                        });
                        question = question.replace("【数据】", JSON.stringify(newArray));
                        this.get_AI_data(question);
                        return;
                    }
                    // <!--说明是3D立体柱状图-->
                    if (!this[index].xAxis && this[index].data.length > 0) {
                        newArray = [];
                        console.log(this[index]);
                        this[index].data.map(item => {
                            let obj = {};
                            obj.name = item.name;
                            obj.value = item.value;
                            newArray.push(obj);
                        });

                        question = question.replace("【数据】", JSON.stringify(newArray));
                        this.get_AI_data(question);
                        return;
                    } else {
                        xAxis = this[index].xAxis.data;
                    }

                    if (this[index].series.length > 1) {
                        this[index].series.map(item => {
                            q += item.data;
                        });
                        if (xAxis.length > 0) {
                            question = question.replace(
                                "【数据】",
                                " X轴数据：" +
                                xAxis +
                                "；" +
                                "Y轴数据：" +
                                JSON.stringify(q)
                            );
                            this.get_AI_data(question);
                        }
                    } else {
                        console.log(123);
                        console.log(xAxis, 'xAxis');
                        if (xAxis.length > 0) {
                            question = question.replace(
                                "【数据】",
                                " X轴数据：" +
                                xAxis +
                                "；" +
                                "Y轴数据：" +
                                JSON.stringify(this[index].series[0].data)
                            );
                            this.get_AI_data(question);
                        }
                    }
                } else {
                    if (
                        this.global_charts_data &&
                        Object.keys(this.global_charts_data).length !== 0
                    ) {
                        this.AI_dialog_show = true;
                        let { question_config: question } = this.AI_config_data.filter(
                            item => item.chart_id == index
                        )[0];
                        question = question.replace(
                            "【数据】",
                            JSON.stringify(
                                this.global_charts_data[`chart_data_${index.slice(3)}`]
                                    .chart_options.series
                            )
                        );
                        this.get_AI_data(question);
                    }
                }
            },
            //从gpt获取分析答案
            get_AI_data(question) {
                this.API_loading = true;
                commonAjax({
                    type: "POST",
                    url: baseURL + "/api/m" + member_id + "/662c96aab794d",
                    data: {
                        content: question,
                    },
                    dataType: "json",

                    success: res => {
                        if (res.code != 1) {
                            this.$message.info(res.msg);
                            return;
                        }

                        this.API_loading = false;

                        this.API_content = res.data.choices[0].message.content;
                    },
                });
            },
            handleResize() {
                let that = this;
                this.$nextTick(() => {
                    that.screenWidth = $("#antdVue").width()
                    that.screenHeight = $("#antdVue").height()
                    let screenWidth = that.screenWidth;
                    let screenHeight = that.screenHeight;
                    let scale = Math.min(screenWidth / this.designWidth, screenHeight / this.designHeight);
                    this.page_scale = scale;
                    let horizontalOffset = (screenWidth - this.designWidth * scale) / 2;
                    that.calculateStyles = {
                        transformOrigin: 'top left',
                        transform: `translateX(${horizontalOffset}px)  scale(${scale}) `,
                    };
                });
            }
        }
    });
</script>